﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="DayCalendar.ascx.cs" Inherits="DayCalendar" %>

<style type="text/css">
    .auto-style1 {
        width: 100%;
        height: 283px;
    }
    .auto-style2 {
        width: 100px;
    }
    .RowHeader {
        width: 10px;
        height: 30px;
    }
    .auto-style4 {
        height: 40px;
    }
    .auto-style5 {
        width: 75px;
        height: 40px;
    }
    .eachDiv {
        background-color: lightgoldenrodyellow;
        width: 200px;
        border: 1px solid blue;
        border-radius: 5px;
        color: red;
        margin-bottom:3px;
        margin-right:5px;
    }
    #sortable {
        list-style-type: none;
        margin: 0;
        padding: 0;
        width: 60%;
    }
    #sortable li {
        margin: 0 3px 3px 3px;
        padding: 0.4em;
        padding-left: 1.5em;
        font-size: 1.4em;
        height: 18px;
    }
    #sortable li div {
        position: absolute;
        margin-left: -1.3em;
    }
</style>
<script>
    $(function () {
        $("#sortable").sortable();
        $("#sortable").disableSelection();
    });
</script>

<asp:Panel ID="OutPanel" runat="server">
    <table id="t1" class="auto-style1">
        <tr>
            <td id="r0c0" class="auto-style5">
            </td>
            <td id="r0c1" class="auto-style4">
                <div id="Today" style="height:40px; background-color:silver; text-align:center; font-size:20px; margin:0 auto;">
                    <asp:Label ID="lblDate" runat="server" Text="Label"></asp:Label>
                </div>
            </td>
        </tr>
        <tr style="height:auto;">
            <td id="r1c0" class="auto-style2" style="height: auto">
                <div style="text-align:center;">提醒事項</div>
            </td>
            <td id="r1c1" style="height: 500px;vertical-align:top;">
                <asp:DataList ID="drugCalList" runat="server" FooterStyle-VerticalAlign="Top" ExtractTemplateRows="False" RepeatColumns="6">
                    <ItemTemplate>
                            <div class="eachDiv" draggable="true" >
                                <asp:Image ID="img" runat="server" ImageUrl="~\images\exam.jpg" Height="15" Width="15" />
                                <asp:Label ID="lblPttName" runat="server" Text='<%# Bind("病患姓名") %>'></asp:Label>
                                <asp:Label ID="lblDrugName" runat="server" Text='<%# Bind("特殊藥物") %>'></asp:Label>
                            </div>
                        </li>
                    </ItemTemplate>
                </asp:DataList>
                <asp:LinqDataSource ID="LinqDataSource1" runat="server" ContextTypeName="MediCareDataClassesDataContext" EntityTypeName="" TableName="View_DrugCalendars">
                </asp:LinqDataSource>
            </td>
        </tr>
    </table>
</asp:Panel>